/* banner */
.change{
  img{
    width: 100%;
  }
} 


/* abstract */
.abstract{
  width: 100%;
  padding:4% 0;
  .container{
    display: flex;
    .content{
      width: 65%;
      margin-right: 1em;
      h2{
        font-size: 2em;
        margin-bottom: 1em;
      }
      h3{
        font-size: 1.5em;
        margin-bottom: 1em;
      }
      p{
        text-indent: 2em;
        font-size: 1em;
        line-height: 2em;
        margin-bottom: .5em;
      }
    }
    .print{
      border: 1xp solid red;
      width: 35%;
      img{
        margin-top: 11em;
      }
    }
  }
  @media screen and (max-width:995px){
    .container{
      .content{
        width: 100%;
      }
      .print{
        display: none;
      }
    }
  }
}


/* recruitment */
.recruitment{
  width: 100%;
  padding: 4% 0;
  background-color: #8cc11f;
  .container{
    display: flex;
    .content{
      width: 65%;
      margin-right: 1em;
      h2{
        font-size: 2em;
        margin-bottom: 1em;
        color: white;
      }
      p{
        color: white;
        line-height: 2em;
        margin-bottom: 1em;
      }
    }
    .email{
      width: 35%;
      display: flex;
      align-items: flex-end;
      .box{
        p{
          color: white;
          line-height: 2em;
          margin: 4.5% 0;
        }
        .button{
          background-color: white;
          color: #8cc11f;
          border-radius: 2px;
          padding: 2% 3%;
          font-size: 1.3em;
        }
      }
      
    }
  }
  @media screen and(max-width:800px){
    .container{
      flex-wrap: wrap;
      .email{
        width: 100%;
      }
      .content{
        width: 100%;
        margin-right: 0;
      }
    }
  }
  @media screen and(max-width:550px){
    .container{
      .content{
        h2,p{
          margin-bottom: 0;
        }
      }
    }
  }
}

/* jobs */
.jobs{
  width: 100%;
  padding: 2% 0;
  .container{
    .job{
      padding: 3% 0;
      border-bottom: 1px solid #d2d2d2;
      .title{
        font-size: 1.5em;
        color: #8cc11f;
        margin-bottom: 1em;
      }
      .describe,
      .require{
        h3{
          font-size: 1.2em;
          margin-bottom: .5em;
        }
        ul>li{
          text-indent: 1.5em;
          margin-bottom: .8em;
        }
      }

    }
  }
}

/* contact */
.contact{
  width: 100%;
  padding: 4% 0;
  background-color: #f4f4f4;
  .container{
    .title{
      font-size: 2em;
      margin-bottom: 1em;
    }
    .list{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      
      .item{
        display: flex;
        width: 45%;
        background-color: white;
        align-items: center;
        margin-bottom: 1em;
        .icon{
          width: 4.5em;
          height: 4.5em;
          margin-right: .5em;
          img{
            width: 3.5em;
            height: 3.5em;
            margin: .5em .5em .5em 1em;
          }
        }
      }
    }
  }
  @media screen and (max-width:550px){
    .container{
      .list{
        flex-direction: column;
        .item{
          width: 100%;
        }
      }
    }
    
  }
} 